<link rel="stylesheet" href="../lib/bootatrap/css/bootstrap.min.css">
<link rel="stylesheet" href="../dest/css/home.min.css">



<!-- banner图 -->
<div id="carouselExampleIndicators" class=" carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
        <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
        <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
        <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner">
        <div class="carousel-item active">
            <img src="../dest/imgs/banner1.jpg">
        </div>
        <div class="carousel-item">
            <img src="../dest/imgs/banner2.jpg">
        </div>
        <div class="carousel-item">
            <img src="../dest/imgs/banner3.jpg">
        </div>
    </div>
    <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>
<!-- 钱 -->
<div class="container money">
    <div class="row">
        <div class="col-md-4 col-sm-4 d-flex justify-content-between align-items-center">
            <img src="../dest/imgs/feature01.png" alt="">
            <div>
                <h1>投资理财</h1>
                <p>稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</p>
            </div>
        </div>
        <div class="col-md-4 col-sm-4 d-flex justify-content-between align-items-center">
            <img src="../dest/imgs/feature02.png" alt="">
            <div>
                <h1>投资理财</h1>
                <p>稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</p>
            </div>
        </div>
        <div class="col-md-4 col-sm-4 d-flex justify-content-between align-items-center">
            <img src="../dest/imgs/feature03.png" alt="">
            <div>
                <h1>投资理财</h1>
                <p>稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</p>
            </div>
        </div>
    </div>
</div>
<!-- 借钱区域 -->
<div class="container lend">
    <div class="d-flex justify-content-between align-items-end">
        <h1>进行借款</h1>
        <a href="">进入投资列表</a>
    </div>
    <table class="table table-hover">
        <thead>
            <tr>
                <th scope="col">借款人</th>
                <th scope="col">借款标题</th>
                <th scope="col">年利率</th>
                <th scope="col">金额</th>
                <th scope="col">还款方式</th>
                <th scope="col">进度</th>
                <th scope="col">操作</th>
            </tr>
        </thead>
        <tbody id="list">
            <tr>
                <td scope="row">张三</td>
                <td>给我2000度过难关</td>
                <td>10.00%</td>
                <td>2，000.00</td>
                <td>按月分期还款</td>
                <td>78.00%</td>
                <td><button id="btn">查看</button></td>
            </tr>
           
        </tbody>
    </table>
    <button id="up">上一页</button><span class="xiao">1</span>/<span class="da">10</span><button id="next">下一页</button>
</div>
<!-- zixun -->
<div class="container message">
    <ul class="row">
        <li class="col-md-6">
            <div class="d-flex justify-content-between align-items-end">
                <h1>企业最新资讯</h1>
                <a href="">更多资讯</a>
            </div>
            <ul class="list-group list-group-flush">
                <li class="list-group-item">
                    <a href="#" class="d-flex justify-content-between">
                        <span>央视力挺互联网金融</span>
                        <span>发表日期: 2015-03-23</span>
                    </a>
                </li>
                <li class="list-group-item">
                    <a href="#" class="d-flex justify-content-between">
                        <span>央视力挺互联网金融</span>
                        <span>发表日期: 2015-03-23</span>
                    </a>
                </li>
                <li class="list-group-item">
                    <a href="#" class="d-flex justify-content-between">
                        <span>央视力挺互联网金融</span>
                        <span>发表日期: 2015-03-23</span>
                    </a>
                </li>
            </ul>

        </li>
        <li class="col-md-6">
            <div class="d-flex justify-content-between align-items-end">
                <h1>用户反馈</h1>
                <a href="">更多资讯</a>
            </div>
            <ul class="list-group list-group-flush">
                <li class="list-group-item">
                    <a href="#" class="d-flex justify-content-between">
                        <span>央视力挺互联网金融</span>
                        <span>发表日期: 2015-03-23</span>
                    </a>
                </li>
                <li class="list-group-item">
                    <a href="#" class="d-flex justify-content-between">
                        <span>央视力挺互联网金融</span>
                        <span>发表日期: 2015-03-23</span>
                    </a>
                </li>
                <li class="list-group-item">
                    <a href="#" class="d-flex justify-content-between">
                        <span>央视力挺互联网金融</span>
                        <span>发表日期: 2015-03-23</span>
                    </a>
                </li>
            </ul>
        </li>
        <li class="col-md-6">
            <div class="d-flex justify-content-between align-items-end">
                <h1>理财经验</h1>
                <a href="">更多资讯</a>
            </div>
            <ul class="list-group list-group-flush">
                <li class="list-group-item">
                    <a href="#" class="d-flex justify-content-between">
                        <span>央视力挺互联网金融</span>
                        <span>发表日期: 2015-03-23</span>
                    </a>
                </li>
                <li class="list-group-item">
                    <a href="#" class="d-flex justify-content-between">
                        <span>央视力挺互联网金融</span>
                        <span>发表日期: 2015-03-23</span>
                    </a>
                </li>
                <li class="list-group-item">
                    <a href="#" class="d-flex justify-content-between">
                        <span>央视力挺互联网金融</span>
                        <span>发表日期: 2015-03-23</span>
                    </a>
                </li>
            </ul>

        </li>
        <li class="col-md-6">
            <div class="d-flex justify-content-between align-items-end">
                <h1>活动分享</h1>
                <a href="">更多资讯</a>
            </div>
            <ul class="list-group list-group-flush">
                <li class="list-group-item">
                    <a href="#" class="d-flex justify-content-between">
                        <span>央视力挺互联网金融</span>
                        <span>发表日期: 2015-03-23</span>
                    </a>
                </li>
                <li class="list-group-item">
                    <a href="#" class="d-flex justify-content-between">
                        <span>央视力挺互联网金融</span>
                        <span>发表日期: 2015-03-23</span>
                    </a>
                </li>
                <li class="list-group-item">
                    <a href="#" class="d-flex justify-content-between">
                        <span>央视力挺互联网金融</span>
                        <span>发表日期: 2015-03-23</span>
                    </a>
                </li>
            </ul>
        </li>
    </ul>

</div>
<script src="../js/home.js"></script>